<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>主页</title>
</head>

<body>
    <div class="cont">
        <!-- 手机状态栏 -->
        <div class="phoneBox">
            <div class="leftBox">
                <img src="./images/yuandian_03.gif" alt="">
                <span>Carrier</span>
                <img src="./images/wifi_03.gif" alt="">
            </div>
            <div class="contBox">4:34 PM</div>
            <div class="rightBox">
                <img src="./images/suoding_03.gif" alt="">
                <span>100%</span>
                <img src="./images/dianchi_03.gif" alt="">
            </div>
        </div>
        <!-- 标题栏 -->
        <div class="titleBox">
            <ul>
                <li>
                    <div class="backIcon"></div>
                </li>
                <li>
                    <h1>主页</h1>
                </li>
                <li></li>
            </ul>
        </div>
        <!-- 信息管理 -->
        <div class="messBox">
            <h2>信息管理</h2>
            <div class="listBox">
                <ul>
                    <li>
                        <h3>销售策略</h3>
                        <img src="./images/xiaoshou_03.gif" alt="">
                    </li>
                    <li>
                        <h3>销售计划</h3>
                        <img src="./images/jihua_03.gif" alt="">
                    </li>
                    <li>
                        <h3>销售统计</h3>
                        <img src="./images/tongji_03.gif" alt="">
                    </li>
                    <li>
                        <h3>病历报告</h3>
                        <img src="./images/bingli_03.gif" alt="">
                    </li>
                    <li>
                        <h3>健康信息</h3>
                        <img src="./images/jiankang_03.gif" alt="">
                    </li>
                    <li>
                        <h3>工资单</h3>
                        <img src="./images/gongzidan_03.gif" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <!-- 计划统计 -->
        <div class="proBox">
            <h2>计划统计</h2>
            <div class="listBox">
                <ul>
                    <li>
                        <img src="./images/baodan_03.gif" alt="">
                        <p>销售报单</p>
                    </li>
                    <li>
                        <img src="./images/chulan_03.gif" alt="">
                        <p>出栏计划</p>
                    </li>
                    <li>
                        <img src="./images/xinzeng_03.gif" alt="">
                        <p>新增</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 月车申请 -->
        <div class="applyBox">
            <h2>用车申请</h2>
            <ul>
                <li>
                    <img src="./images/yongchesqing_03.gif" alt="">
                    <p>用车申请</p>
                </li>
                <li>
                    <img src="./images/yongchexinzhen_03.gif" alt="">
                    <p>新增</p>
                </li>
            </ul>
        </div>
        <!-- 协同办公 -->
        <div class="cooBox">
            <h2>协同办公</h2>
            <ul>
                <li>
                    <div class="icon">OA</div>
                    <p>办公OA</p>
                </li>
            </ul>
        </div>
        <!-- 底部标签 -->
        <div class="fooBox">
            <ul>
                <li>
                    <img src="./images/xinwen_03.gif" alt="">
                    <span>新闻</span>
                </li>
                <li><img src="./images/shouye_03.gif" alt=""></li>
                <li>
                    <img src="./images/gengduo_03.gif" alt="">
                    <span>更多</span>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>